.contentBox {
    width: 100%;
    height: calc(100vh - 136px);
    display: flex;
    justify-content: space-between;
    align-items: center;

    &>.leftBox {
        width: 14%;
        height: 100%;

        // background-color: red;
        .topShow {
            width: 97%;
            height: 4.6%;
            display: flex;
            color: white;
            justify-content: space-between;

            &>li {
                width: 50%;
                height: 100%;
                background-image: url('../../assets/pesticide/topTitle.png');
                background-repeat: no-repeat;
                background-size: 100%;
                line-height: 32px;
                text-align: center;
                cursor: pointer;
            }

            .show {
                background-image: url('../../assets/pesticide/topTitle_show.png');

            }
        }
    }

    &>.right {
        width: 86%;
        height: 100%;

        // background-color: rgb(34, 178, 77);
        background-image: url('../../assets/images/listBack.png');
        background-size: 97% 97.2%;
        background-position-x: 30%;
        background-position-y: 100%;
        display: flex;
        // justify-content: center;
        // align-items: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;

        &>.topTitle {
            position: absolute;
            color: white;
            font-size: 18px;
            left: 9.2%;
            top: 5.4%;
            font-weight: 500;
        }

        &>.content {
            width: 94%;
            height: 80%;
            display: flex;
            flex-direction: column;
            // justify-content: space-between;
            margin-top: 4%;

            &>.entity {
                width: 200px;
                height: 8%;
                background-image: url("../../assets/businessEntity/busTastic.png");
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                color: white;

                &>span {
                    &:first-child {
                        font-size: 12px;
                    }

                    &:last-child {
                        font-size: 16px;
                        font-weight: bold;

                        &>i {
                            font-weight: lighter;
                            font-size: 12px;
                            color: #55abd9;
                        }
                    }
                }
            }

            &>.search {
                width: 100%;
                height: 10%;
                display: flex;
                justify-content: space-between;
                align-items: center;

                // background-color: red;

                &>.leftList {
                    width: 20%;
                    display: flex;
                    font-size: 12px;
                    justify-content: space-between;
                    align-items: center;
                    line-height: 32px;
                    color: white;

                    &>span {
                        font-weight: bold;
                        font-size: 15px;
                    }

                    &>ul {
                        width: 64%;

                        display: flex;
                        justify-content: space-evenly;
                        background: linear-gradient(135deg, #122B5B, #0D2044);
                        // background-color: #122B5B;

                        border: 1px solid #1b335f;

                        &>li {

                            cursor: pointer;

                            &>.show {
                                background-color: #0A809F;
                                padding: 3px 10px 3px;
                                box-shadow: 0 0 3px 2px #0C80A1;
                                transition-duration: 1000;
                            }
                        }

                    }
                }

                &>.rightList {
                    width: 25%;
                    display: flex;
                    justify-content: space-between;

                    :global {
                        .ant-input {
                            border: 1px solid #3269D7;
                            border-radius: 0;
                            background-color: #071526;
                            color: #9CA1A8;
                            line-height: 26px;
                            margin-right: 5px;
                        }

                        .ant-input::placeholder {
                            color: #9CA1A8;
                        }

                        .ant-btn-primary {
                            background-image: linear-gradient(to right, #32559C, #0E2247);
                            border-radius: 0;
                            height: 35px;
                            box-shadow: none;
                            border: 1px solid #1890FF;
                        }
                    }


                }

            }

            &>.listBox {
                width: 100%;
                height: 75%;
                display: flex;
                flex-direction: column;
                // background-color: red;

                table {
                    text-align: left;
                    text-indent: 1em;

                    border-collapse: collapse;
                    color: #B0BACD;
                    line-height: 40px;
                    font-size: 12px;


                    th {
                        background-color: #1D3A70;
                        border: 1px solid #1b3467;

                    }

                    tr {
                        //     border-collapse: separate;
                        border-bottom: 2px solid #1D3A70;

                        td {
                            width: auto;

                            &:nth-child(6) {
                                color: #32CED9;
                                cursor: pointer;
                            }

                            &:last-child {
                                color: #00FFA3;
                            }
                        }

                        .noWrite {
                            color: #ffe600 !important;
                        }

                    }

                    &>.noShowData {
                        display: none;
                    }



                    &>.emptyData {

                        border-bottom: none;

                    }


                    :global {
                        .ant-empty-description {
                            color: #C7CAD4;
                        }
                    }

                }
            }


        }

        &>.pagActive {
            width: 93%;
            display: flex;
            justify-content: flex-end;

            :global {
                .ant-pagination {
                    color: white;

                    .ant-pagination-item {
                        a {
                            color: rgb(55, 140, 252);
                        }
                    }

                    .ant-pagination-item-ellipsis {
                        color: rgb(55, 140, 252);
                    }

                    .ant-pagination-prev {
                        a {
                            color: rgb(55, 140, 252);
                        }

                    }

                    .ant-pagination-next {
                        a {
                            color: rgb(55, 140, 252);
                        }

                    }
                }
            }
        }


    }



}